<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app"></div>
</body>
<script src="data.js"></script>
<script>
    // 重排重绘
    const app = document.querySelector("#app");
	console.time();
	app.innerHTML = data.map(function(item){
		return (`
		    <div>
		        <h3>${item.nm}</h3>
		        <img src="${item.img}" height="200" alt="">
		        <hr/>
            </div>
		`)
    }).join("");
	console.timeEnd();
</script>
</html>